<template>
  <view class="app">
    <router-view v-slot="{ Component }">
      <transition name="fade" mode="out-in">
        <!-- <component  /> -->
      </transition>
    </router-view>
  </view>
</template>

<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>
	/*每个页面公共css */
	.app {
		min-height: 100vh;
		display: flex;
		flex-direction: column;
	}
	
	.fade-enter-active, .fade-leave-active {
		transition: opacity 0.3s;
	}
	
	.fade-enter-from, .fade-leave-to {
		opacity: 0;
	}
</style>
